<!--表示当前文档是html5版本 让浏览器使用h5的规范解析-->
<!DOCTYPE html>
<!--表示网页的开始与结束 lang="en"表示网页是一个英文网站 zh表示中文-->
<html lang="en">
<!--网页头部，存放一些配置信息-->
<head>
    <meta charset="UTF-8"><!--    配置编码，为了认识中文-->
    <title>Title</title><!--    配置网页的标题-->
</head>
<!--网页展示的内容-->
<body>
<!--转义符号&nbsp;空格-->
    <h1>&nbsp;&nbsp;&nbsp;大聪明</h1>
    <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;大聪明</h2>
<!--段落标签，独占一行的块级元素 有垂直方向的行间距-->
    <p>大聪明</p>
<!--&lt;小于号<          @gt;大于号>-->
    &lt;大聪明&gt;<br>
    <b >大聪明</b><br>
    <i>大聪明</i><br>
    <s>大聪明</s><br>

    <u>大聪明</u><br>
    <mark>大聪明</mark>
<!--lorem然后tab补全，生成假文-->
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet aut mollitia quae veritatis voluptatem! Adipisci aut deleniti eligendi ex ipsam neque omnis, repudiandae! Id illo iusto laborum neque nisi reprehenderit!
<hr>
<!--有序列表 ol（ordered list） li(list item)-->
    <ol type="1">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ol>

<!--无序列表 ul(unordered list )-->
    <ul type="">
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
<hr>
    <ul type="none">
        <li>热菜
            <ol>
                <li>西红柿牛腩</li>
                <li>水煮肉片</li>
            </ol>
        </li>

        <li>凉菜
            <ol>
                <li>拍黄瓜</li>
                <li>皮蛋豆腐</li>
            </ol>
        </li>

        <li>主食
            <ol>
                <li>米饭</li>
                <li>馒头</li>
            </ol>
        </li>
    </ul>








</body>

</html>